﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" href="favicon.ico" />
    <link href="../../css/jquery.fullpage/jquery.fullPage.css" rel="stylesheet" />
    <link href="../../css/jquery.fullpage/examples.css" rel="stylesheet" />
    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/jquery.fullpage/jquery.fullPage.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#fullpage').fullpage({
                sectionsColor: ['#f2f2f2', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff']
            });
        });
    </script>

</head>
<body>


    <div id="fullpage">
        <div class="section active" id="section0"><h1>fullPage.js</h1></div>
        <div class="section" id="section1">
            <div class="slide "><h1>Simple Demo</h1></div>
            <div class="slide active"><h1>Only text</h1></div>
            <div class="slide"><h1>And text</h1></div>
            <div class="slide"><h1>And more text</h1></div>
        </div>
        <div class="section" id="section2"><h1>No wraps, no extra markup</h1></div>
        <div class="section" id="section3"><h1>Just the simplest demo ever</h1></div>
    </div>

</body>
</html>
